<%- include('header') %>
<link rel="stylesheet" href="/css/usersettings.css">
<div id="usercard" class="ui special cards">
  <div class="card">
    <div class="blurring dimmable image">
      <div class="ui dimmer">
        <div class="content">
          <div class="center">
            <div class="ui inverted button">换一张头像</div>
          </div>
        </div>
      </div>
        <div id="user-pic">
            <img src="/img/<%= user.avatar %>">
        </div>
    </div>
    <div class="content">
      <span class="header"><a href="/posts?author=<%= user._id %>"><%= name %></a> - <span><%= gender %></span></span>
      <div class="meta">
        <span class="user-id">ID:<%= id %></span>
        <p class="time">创健时间:<%= time %></p>
      </div>
    </div>
    <div class="extra content">
      <a><i class="users icon"></i>你的IP地址：<%= ip %></a>
    </div>
  </div>
  <div id="detail-card" class="ui card">
    <div class="content">
      <div class="header">个人详情</div>
      <div class="meta">2 天前</div>
      <div class="description">
        <p>萌萌狗有各种形状和大小。有的小狗因为呆萌的表情惹人疼爱，有的则因为五短身材令人怜惜。甚至还有一些会因为巨大的体型也会显得傻缺。</p>
        <p>Many people also have their own barometers for what makes a cute dog.</p>
        <p><%= bio %></p>
      </div>
    </div>
    <div id="change-settings" class="extra content"><a id="change" href="/posts/<%= user._id %>/editsettings"><i class="check icon"></i>修改个人简介</a></div>
  </div>
</div>

<%- include('footer') %>